<template>
    <el-input v-model="input" placeholder="Please input" />
    <p>input: {{ input }}</p>

    <el-radio-group v-model="radio1" class="ml-4">
        <el-radio label="1" size="large">Option 1</el-radio>
        <el-radio label="2" size="large">Option 2</el-radio>
    </el-radio-group>
    <p>radio: {{ radio1 }}</p>

    <el-checkbox v-model="checked1" label="Option 1" size="large" />
    <el-checkbox v-model="checked2" label="Option 2" size="large" />
    <p>checked1:{{ checked1 }}</p>
    <p>checked2:{{ checked2 }}</p>
</template>

<script setup>
import { ref } from 'vue'
const input = ref('')
const radio1 = ref('1')

const checked1 = ref(true)
const checked2 = ref(false)
</script>